<html class="no-js" xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<body th:fragment="body">
		<script type="text/javascript" th:src="@{'/js/userInfo/userInfo.js'}"></script>
		<div class="am-panel am-panel-default">
			<hr/>
			<div class="am-g">
				<div class="am-u-sm-10 am-u-md-8">
					<form id="userInfo_form" class="am-form am-form-horizontal" method="post">
						<div class="am-form-group">
				            <label for="userId" class="am-u-sm-3 am-form-label">用户账号</label>
				            <div class="am-u-sm-9" th:if="${param.userId} == null and ${param.name} == null ">
				            	<input type="text" id="userId" name="userId" placeholder="用户账号" required/>
				            </div>
				            <div class="am-u-sm-9" th:if="${param.userId} == null and ${#strings.contains(param.name,'个人资料')}">
					            <input type="text" id="userId" name="userId" th:value="${#authentication.principal.username}" placeholder="用户账号" readonly="readonly" />
				            </div>
				            <div class="am-u-sm-9" th:if="${param.userId} != null and ${param.name} == null">
					            <input type="text" id="userId" name="userId" th:value="${param.userId[0]}" placeholder="用户账号" readonly="readonly" />
				            </div>
			            </div>
			            <div class="am-form-group">
				            <label for="userName" class="am-u-sm-3 am-form-label">用户名称</label>
				            <div class="am-u-sm-9">
					            <input type="text" id="userName" name="userName" placeholder="用户名称" required/>
				            </div>
			            </div>
			            <div class="am-form-group">
				            <label for="lookTime" class="am-u-sm-3 am-form-label">锁定时间</label>
				            <div class="am-u-sm-9">
					            <input type="text" id="lookTime" name="lookTime" data-date-format="yyyy-mm-dd hh:ii" placeholder="锁定时间" />
				            </div>
			            </div>
			            <div class="am-form-group">
				            <label for="expired" class="am-u-sm-3 am-form-label">过期时间</label>
				            <div class="am-u-sm-9">
					            <input type="text" id="expired" name="expired" data-date-format="yyyy-mm-dd hh:ii" placeholder="过期时间" />
				            </div>
			            </div>
			            <div class="am-form-group">
				            <label for="passwordExpired" class="am-u-sm-3 am-form-label">密码过期时间</label>
				            <div class="am-u-sm-9">
					            <input type="text" id="passwordExpired" name="passwordExpired" data-date-format="yyyy-mm-dd hh:ii" placeholder="密码过期时间" />
				            </div>
			            </div>
			            <div class="am-form-group">
				            <label for="enabled_1" class="am-u-sm-3 am-form-label">是否启用</label>
				            <div class="am-u-sm-9">
				              <div class="am-btn-group" data-am-button="">
				                <label class="am-btn am-btn-default am-btn-xs am-active">
				                  <input type="radio" name="enabled" id="enabled_1" value="1"> 已启用
				                </label>
				                <label class="am-btn am-btn-default am-btn-xs">
				                  <input type="radio" name="enabled" id="enabled_0" value="0"> 已禁用
				                </label>
				              </div>
				            </div>
			            </div>
			            <div class="am-form-group">
				            <div class="am-u-sm-9 am-u-sm-push-3">
				            	<button type="button" id="saveOrUpdate" class="am-btn am-btn-primary" th:text="${param.userId == null} ? '新增' : '修改'"></button>
				            </div>
			            </div>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>